<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百度糯米</title>
	
	<link rel="stylesheet" href="css/hb.css">
	<link rel="stylesheet" href="css/nmdy.css">
	<link rel="shortcut icon" href="img/favicon.ico" type="">
	

</head>
<body>
	<div class="top1">
		<div class="logo"></div>
		<p class="cs">
			<span>北京</span>
			<i></i>

		<div class="csdh">
			<h3>热门城市</h3>
			<ul>
				<li>
					<a href="">北京</a>
				</li>
				<li>
					<a href="">上海</a>
				</li>
				<li>
					<a href="">杭州</a>
				</li>
				<li>
					<a href="">深圳</a>
				</li>
				<li>
					<a href="">重庆</a>
				</li>
				<li>
					<a href="">成都</a>
				</li>
				<li>
					<a href="">南京</a>
				</li>
				<li>
					<a href="">武汉</a>
				</li>
				<li>
					<a href="">西安</a>
				</li>
				<li>
					<a href="">厦门</a>
				</li>
				<li>
					<a href="">天津</a>
				</li>
				<li>
					<a href="">广州</a>
				</li>
			</ul>

			<a href="" class="gdcs">更多城市 > </a>
		</div>
		</p>



		<div class="ssk">
			<input type="text" placeholder="搜你感兴趣的电影">
			<span class="fdj"></span>
		</div>
	</div>


	<div class="top2">
		<div class="top2_2">
			<div class="dh">
				<a href="" style="background:#000;">首页</a>
				<a href="">影片</a>
				<a href="">影院</a>
				<a href="">票房</a>

				<div class="dl">

					<a href="" id="dl1">
					<em></em>APP下载
					</a>
					<a href="" id="dl2"><span>登录</span></a>
					
				</div>
			</div>


		</div>

	</div>

<!-- 中间部分 -->
	<div class="middle">
		<h3 class="sy">正在上映
			<span class="sz"> <i id="sz1">1</i>/7</span>
		</h3>
		<div class="left">
			<div class="btnz">&lt;</div>
				<div class="btny">&gt;</div>
			<div class="tp">
				
					<div class="t1">
						<img src="img/7e3e6709c93d70cf41c5a73cf5dcd100baa12bc7.jpg" alt="">

						<p class="ms">精灵旅社3：疯狂...</p>
						<p class="xz">
							<span>选座购票</span>
							7.7
						</p>
					</div>
					<div class="t1">
						<img src="img/f3d3572c11dfa9ecbc0384c86ed0f703908fc1c4.jpg" alt="">

						<p class="ms">欧洲攻略</p>
						<p class="xz">
							<span>选座购票</span>
							8
						</p>
					</div>
					<div class="t1">
						<img src="img/d833c895d143ad4b5e4e22048e025aafa50f0695.jpg" alt="">
						<p class="ms">一出好戏</p>
						<p class="xz">
							<span>选座购票</span>
							8.1
						</p>
					</div>
					<div class="t1">
						<img src="img/b64543a98226cffce8477780b4014a90f603ea90.jpg" alt="">
						<p class="ms">快把我哥带走</p>
						<p class="xz">
							<span>选座购票</span>
							7.8
						</p>
					</div>
					<div class="t1">
						<img src="img/359b033b5bb5c9ea05a30d2ad939b6003bf3b3a2.jpg" alt="">
						<p class="ms">新乌龙院之笑闹...</p>
						<p class="xz">
							<span>选座购票</span>
							7.6
						</p>
					</div>
					<div class="t1">
						<img src="img/b64543a98226cffce03a7c7fb5014a90f703eae8.jpg" alt="">
						<p class="ms">巨齿鲨</p>
						<p class="xz">
							<span>选座购票</span>
							7.8
						</p>
					</div>
					<div class="t1">
						<img src="img/b21bb051f8198618157f074646ed2e738bd4e63c.jpg" alt="">
						<p class="ms">蚁人2：黄蜂女现身</p>
						<p class="xz">
							<span>选座购票</span>
							7.8
						</p>
					</div>
					<div class="t1">
						<img src="img/50da81cb39dbb6fd23a88ee70524ab18962b377b.jpg" alt="">
						<p class="ms">碟中谍6</p>
						<p class="xz">
							<span>选座购票</span>
							8
						</p>
					</div>
					<div class="t1">
						<img src="img/8644ebf81a4c510f15d2a2cd6c59252dd52aa5d7.jpg" alt="">
						<p class="ms">西虹市首付</p>
						<p class="xz">
							<span>选座购票</span>
							8.1
						</p>
					</div>
					<div class="t1">
						<img src="img/11385343fbf2b2119f19fcc1c68065380cd78e0d.jpg" alt="">
						<p class="ms">大师兄</p>
						<p class="xz">
							<span>选座购票</span>
							8.1
						</p>
					</div>
					<div class="t1">
						<img src="img/d1160924ab18972bc69cf700eacd7b899f510a51.jpg" alt="">
						<p class="ms">美食大冒险之英...</p>
						<p class="xz">
							<span>选座购票</span>
							7.8
						</p>
					</div>
					<div class="t1">
						<img src="img/279759ee3d6d55fbcd8ce9d361224f4a21a4ddf9.jpg" alt="">
						<p class="ms">小偷家族</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/42a98226cffc1e17a66370e44690f603728de903.jpg" alt="">
						<p class="ms">最后的棒棒</p>
						<p class="xz">
							<span>选座购票</span>
							7.8
						</p>
					</div>
					<div class="t1">
						<img src="img/21a4462309f790521669d18600f3d7ca7bcbd510.jpg" alt="">
						<p class="ms">爱情公寓</p>
						<p class="xz">
							<span>选座购票</span>
							7.9
						</p>
					</div>
					<div class="t1">
						<img src="img/32fa828ba61ea8d376bb5aeb9b0a304e241f5847.jpg" alt="">
						<p class="ms">神秘世界冒险</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/42a98226cffc1e17ceb108904690f603738de901.jpg" alt="">
						<p class="ms">深海历险</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>

					<div class="t1">
						<img src="img/8c1001e93901213fd65678b558e736d12f2e9575.jpg" alt="">
						<p class="ms">我不是药神</p>
						<p class="xz">
							<span>选座购票</span>
							9.7
						</p>
					</div>
					<div class="t1">
						<img src="img/dbb44aed2e738bd4817e54cbad8b87d6267ff9e9.jpg" alt="">
						<p class="ms">狄仁杰四大天王</p>
						<p class="xz">
							<span>选座购票</span>
							7.5
						</p>
					</div>
					<div class="t1">
						<img src="img/3bf33a87e950352a0c1e99ec5f43fbf2b3118bd3.jpg" alt="">
						<p class="ms">风语咒</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/9345d688d43f8794c0971dfede1b0ef41ad53af1.jpg" alt="">
						<p class="ms">李保国</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/838ba61ea8d3fd1f3007a1a13c4e251f95ca5f1a.jpg" alt="">
						<p class="ms">旅行青蛙</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/377adab44aed2e73ac636ed98b01a18b86d6fab9.jpg" alt="">
						<p class="ms">肆式青春</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/e7cd7b899e510fb37f852856d533c895d0430c56.jpg" alt="">
						<p class="ms">我来自纽约</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/5bafa40f4bfbfbedf91796fb74f0f736aec31fe3.jpg" alt="">
						<p class="ms">大三儿</p>
						<p class="xz">
							<span>选座购票</span>
							5.5
						</p>
					</div>
					<div class="t1">
						<img src="img/d0c8a786c9177f3e49644bf07ccf3bc79e3d56fe.jpg" alt="">
						<p class="ms">天下第一镖局</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>

					<div class="t1">
						<img src="img/b64543a98226cffcb0b6cc5db5014a90f703ea45.jpg" alt="">
						<p class="ms">淤血广昌</p>
						<p class="xz">
							<span>选座购票</span>
							3.8
						</p>
					</div>

					<div class="t1">
						<img src="img/5bafa40f4bfbfbed5be3f49174f0f736aec31fa2.jpg" alt="">
						<p class="ms">妈妈咪呀2</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>

					<div class="t1">
						<img src="img/37d12f2eb9389b507001eca08935e5dde6116e41.jpg" alt="">
						<p class="ms">动物世界</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/0b7b02087bf40ad14d301b7c5b2c11dfa8ecce5d.jpg" alt="">
						<p class="ms">新大头儿子和小...</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/64380cd7912397ddb664e5e05582b2b7d0a28730.jpg" alt="">
						<p class="ms">摩天营救</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/d1a20cf431adcbefc4f5fed7a0af2edda2cc9f1a.jpg" alt="">
						<p class="ms">神奇马戏团</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/738b4710b912c8fc116f2816f0039245d7882149.jpg" alt="">
						<p class="ms">的士速递</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/1ad5ad6eddc451dad0a74240bafd5266d11632c3.jpg" alt="">
						<p class="ms">超人总动员2</p>
						<p class="xz">
							<span>选座购票</span>
							3.8
						</p>
					</div>
					<div class="t1">
						<img src="img/caef76094b36acaf8163185170d98d1000e99c98.jpg" alt="">
						<p class="ms">它是一只狗</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/f3d3572c11dfa9ec7b3d4fde6ed0f703908fc1ec.jpg" alt="">
						<p class="ms">重返无人区</p>
						<p class="xz">
							<span>选座购票</span>
							6.8
						</p>
					</div>
					<div class="t1">
						<img src="img/50da81cb39dbb6fd2b6b86c50524ab18972b3724.jpg" alt="">
						<p class="ms">北方一片苍茫</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/34fae6cd7b899e5163fe60bb48a7d933c8950d28.jpg" alt="">
						<p class="ms">黑子的篮球</p>
						<p class="xz">
							<span>选座购票</span>
							5.8
						</p>
					</div>
					<div class="t1">
						<img src="img/1e30e924b899a9010360acfc11950a7b0308f5a7.jpg" alt="">
						<p class="ms">解码游戏</p>
						<p class="xz">
							<span>选座购票</span>
							6.0
						</p>
					</div>
			</div>
		


			<!-- 即将上映 -->

		</div>

	<div class="rm">
		<div class="bt1">
			热门影院
			
			<a href="">全部>> </a>
		</div>
		<a href="">星美影商城（北京金源IMAX店）</a>
		<p>北京市海淀区远大路1号金源.....
		<span>￥54.9</span> 起</p>

		<a href="">北京横店电影城(王府井店)</a>
		<p>北京市东城区王府井大街253.....
		<span>￥34</span> 起</p>

		<a href="">星美影商城（北京分钟寺店）</a>
		<p>北京市丰台区南三环东路成寿.....
		<span>￥41</span> 起</p>

		<a href="">北京耀莱成龙国际影城(五棵松店)</a>
		<p>北京市海淀区远大路1号金源.....
		<span>￥42</span> 起</p>
		</div>



		
		<h3 class="sy2">即将上映
			
					<span class="sz"> <i id="sz2">1</i>/2
				</span>
		</h3>		
		<div class="left2">
			<div class="btnz2">&lt;</div>
				<div class="btny2">&gt;</div>
			<div class="tp2">
					<div class="t1">
						<img src="img/838ba61ea8d3fd1f3007a1a13c4e251f95ca5f1a.jpg" alt="">

						<p class="ms">旅行青蛙</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/e7cd7b899e510fb37f852856d533c895d0430c56.jpg" alt="">

						<p class="ms">我来自纽约</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>

					<div class="t1">
						<img src="img/5bafa40f4bfbfbedf91796fb74f0f736aec31fe3.jpg" alt="">

						<p class="ms">大三儿</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/3812b31bb051f819093c5979d7b44aed2e73e7ec.jpg" alt="">

						<p class="ms">疯狂暑期</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/a5c27d1ed21b0ef4fe374e95d1c451da80cb3e1a.jpg" alt="">

						<p class="ms">出山</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/0b55b319ebc4b7450f57253ec5fc1e178b8215d2.jpg" alt="">

						<p class="ms">嘻哈英雄</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/b21bb051f8198618157f074646ed2e738bd4e63c.jpg" alt="">

						<p class="ms">蚁人2</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/34fae6cd7b899e5163fe60bb48a7d933c8950d28.jpg" alt="">

						<p class="ms">黑子的篮球</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>
					<div class="t1">
						<img src="img/11385343fbf2b2119f19fcc1c68065380cd78e0d.jpg" alt="">

						<p class="ms">大师兄</p>
						<p class="xz1">
							<span>查看详情</span>
							
						</p>
					</div>

			</div>
				
		</div>
	
	<div class="rm2">
		<div class="bt1">
			当日票房排行榜
		</div>

		<li>
			<span>1.</span>
			<a href="" class="xs">
				<p>欧洲攻略
					<i>4062.3</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/f3d3572c11dfa9ecbc0384c86ed0f703908fc1c4.jpg" alt=""></div>

		<li>
			<span>2.</span>
			<a href="" class="xs">
				<p>一出好戏
					<i>2951.1</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/d833c895d143ad4b5e4e22048e025aafa50f0695.jpg" alt=""></div>

		<li>
			<span>3.</span>
			<a href="" class="xs">
				<p>精灵旅社3：疯狂假
					<i>2367.5</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/7e3e6709c93d70cf41c5a73cf5dcd100baa12bc7.jpg" alt=""></div>

		<li>
			<span>4.</span>
			<a href="" class="xs">
				<p>新乌龙院之笑闹江湖
					<i>2281.8</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/359b033b5bb5c9ea05a30d2ad939b6003bf3b3a2.jpg" alt=""></div>

		<li>
			<span>5.</span>
			<a href="" class="xs">
				<p>快把我哥带走
					<i>1920.4</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/b64543a98226cffce8477780b4014a90f603ea90.jpg" alt=""></div>


		<li>
			<span>6.</span>
			<a href="" class="xs">
				<p>巨齿鲨
					<i>1541.1</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/b64543a98226cffce03a7c7fb5014a90f703eae8.jpg" alt=""></div>

		<li>
			<span>7.</span>
			<a href="" class="xs">
				<p>西虹市首付
					<i>341.8</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/8644ebf81a4c510f15d2a2cd6c59252dd52aa5d7.jpg" alt=""></div>


		<li>
			<span>8.</span>
			<a href="" class="xs">
				<p>爱情公寓
					<i>113</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/21a4462309f790521669d18600f3d7ca7bcbd510.jpg" alt=""></div>

		<li>
			<span>9.</span>
			<a href="" class="xs">
				<p>美食大冒险之英雄烩
					<i>72.5</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/d1160924ab18972bc69cf700eacd7b899f510a51.jpg" alt=""></div>


		<li>
			<span>10.</span>
			<a href="" class="xs">
				<p>淤血广昌
					<i>27.1</i>
				</p>
			</a>
		</li>

		<div class="xtp"><img src="img/b64543a98226cffcb0b6cc5db5014a90f703ea45.jpg" alt=""></div>
	</div>
			
	</div>

<!-- 海报效果 -->
<!-- 第2步 改写试图  为模板字符串 渲染数据 -->
	<div class="warp" id="warp"><!-- 活动的div -->
		
		<div class="photo  photo_front" onclick="turn(this)" id="photo_{{index}}"><!-- photo负责海报位置和旋转 --> 
		
			<div class="photo-wrap"><!-- photo-wrap负责翻转正反面 -->
					<!-- 正面： -->
					<div class="side side-front">
						<p class="image">
							<img src="img3/{{img}}" alt="">
						</p>
						<p class="caption">{{caption}}</p><!-- 标题 -->
					</div>

					<!-- 反面： -->
					<div class="side side-back"> 
						<p class="desc">{{desc}}</p><!-- 描述信息 -->
					</div>
			</div>


		</div>

	</div>


</body>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/nmdy2.js"></script>
<script src="img3/data.js"></script>
<script src="js/hb.js"></script>
</html>